<%@page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@taglib prefix="kendo" uri="http://www.kendoui.com/jsp/tags"%>
<%@taglib prefix="tags" tagdir="/WEB-INF/tags"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<tags:header></tags:header>

<div id="example">
    <div class="demo-section k-content">
    <form method="post" action="<c:url value='/demoForm/' />">
        <ul class="fieldlist">
            <li>
                <label for="simple-input">UserName</label>
                <input id="simple-input" type="text" class="k-textbox" name="userName" style="width: 40%;" />
            </li>
            <li>
                <label for="simple-textarea">Password</label>
                <textarea id="simple-textarea" class="k-textbox" style="width: 40%;" name="password"></textarea>
            </li>
            <li>
                <label for="icon-right">Document ID</label>
                <span class="k-textbox k-space-right" style="width: 40%;" >
                    <input type="text" id="icon-right" name = "docId"/>
                    <a href="#" class="k-icon k-i-search">&nbsp;</a>
                </span>
            </li>
            <li>
                <button class="k-button k-primary" type="submit">Submit</button>
            </li>
        </ul>
        <p>${message}</p>
        <style>
            .fieldlist {
                margin: 0 0 -2em;
                padding: 0;
            }

            .fieldlist li {
                list-style: none;
                padding-bottom: 2em;
            }

            .fieldlist label {
                display: block;
                padding-bottom: 1em;
                font-weight: bold;
                text-transform: uppercase;
                font-size: 12px;
                color: #444;
            }
			#example{
				width: 30%;
				margin-left: 30%;
			}99
        </style>
        </form>
    </div>
</div>

<tags:footer></tags:footer>

